<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<title>HM商城</title>
		<link href="common-1.css" tppabs="http://www.xunron.cn/cases/hmshop/css/common.css" rel="stylesheet" />
		<link href="home-1.css" tppabs="http://www.xunron.cn/cases/hmshop/css/home.css" rel="stylesheet" />
		<!--<script src="js/jquery-1.12.4.min.js"></script>-->
		<script  src="jquery-1.12.4.min.js" tppabs="http://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script src="slider-1.js" tppabs="http://www.xunron.cn/cases/hmshop/js/slider.js"></script>
		<script src="load-1.js" tppabs="http://www.xunron.cn/cases/hmshop/js/load.js"></script>
	</head>
	<body>
		<header>
			<!--页面顶部-->
			<div id="top">
				<div class="top_content">
					<div class="fl">
						<a href="#">商城首页</a>
						<span>Hi，欢迎来到HM商城！</span>
						<span id="loginOr">请
							<a href="login.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/login.php" class="top_link">登录</a>
							<a href="register.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/register.php" class="top_link">注册</a>
						</span>
					</div>
					<div class="top_right">
						<ul>
							<li><a href="javascript:;">我的订单</a></li>
							<li class="current">
								<a href="javascript:;">买家中心<i></i></a>
								<div class="current_content">
									<p><a href="javascript:;">关注的店铺  29</a></p>
									<p><a href="javascript:;">关注的商品  47</a></p>
								</div>
							</li>
							<li><a href="javascript:;">购物车<span>0</span>件</a></li>
							<li><a href="javascript:;">帮助中心</a></li>
							<li><b></b></li>
							<li class="current">
								<a href="javascript:;"><b class="phone"></b>手机商城<i></i></a>
								<div class="current_content_shop">
									<p><img src="shao-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/shao.png" /></p>
								</div>
							</li>
							<li><a href="javascript:;">中关村在线</a></li>
							<li><a href="javascript:;">商家入驻<span>0</span>件</a></li>
							<li class="current">
								<a href="javascript:;">联系客服<i></i></a>
								<div class="current_content_kf">
									<p>400-123-0068</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--LOGO/搜索-->
			<div id="head">
				<div class="logo">
					<a href="index.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/index.php"><img src="logo-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/logo.png" /></a>
					<span>数码在线网上商城</span>
				</div>
				<div class="searchbar">
					<div class="search">
						<form method="post" action="">
							<input type="text" value="" placeholder="输入关键词" name="keywords" />
							<input type="submit" value="搜 索" />
						</form>
					</div>
					<ul class="search_keywords">
						<li><a href="javascript:;">苹果ipone SE</a></li>
						<li><a href="javascript:;">小米5</a></li>
						<li><a href="javascript:;">荣耀7</a></li>
						<li><a href="javascript:;">联想</a></li>
						<li><a href="javascript:;">魅族</a></li>
					</ul>
				</div>
				<div class="ico_h">
					<img src="ico_h-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/ico_h.jpg" />
				</div>
			</div>
			<!--菜单导航-->
			<div class="navbar">
				<h2 class="menu_head">商品分类</h2>
				<ul class="nav">
					<li class="current">
						<div>
							<a href="javascript:;">首页</a>
							<a href="javascript:;" class="under">首页</a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:;">Z团</a>
							<a href="javascript:;" class="under">Z团</a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:;">手机馆</a>
							<a href="javascript:;" class="under">手机馆</a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:;">DIY攒机馆</a>
							<a href="javascript:;" class="under">DIY攒机馆</a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:;">限时抢购</a>
							<a href="javascript:;" class="under">限时抢购</a>
						</div>
					</li>
				</ul>
				<a href="javascript:;" class="news_ad">五一狂欢Iphone 6s低至4680元!</a>
			</div>
<script>
	//顶部导航及左侧导航菜单
	$('.top_right li.current').mouseover(function(){
		$(this).children('div').css('display','block');
	});
	$('.top_right li.current').mouseout(function(){
		$(this).children('div').css('display','none');
	});

	//主导航
	$('.nav li').click(function(){
		$(this).addClass('current').siblings().removeClass('current');
	});

	//详情页菜单导航
	if($('.menu').hasClass('hidden')){
		$('http://www.xunron.cn/cases/hmshop/.menu_head,.menu').mouseover(function(){
			$('.menu').removeClass('hidden');
		});
		$('http://www.xunron.cn/cases/hmshop/.menu_head,.menu').mouseout(function(){
			$('.menu').addClass('hidden');
		});
	}
	function getCookie(cookieName){
		var str=document.cookie;
		var i=-1;
		if((i=str.indexOf(cookieName+"="))!=-1){
			var start=i+cookieName.length+1;
			var end=str.indexOf(";",start);
			return str.slice(start,end==-1?str.length:end);
		}
	}

	if(getCookie('userName')&&getCookie('userPwd')){
		var data={'ename':getCookie('userName'),'pwd':getCookie('userPwd')};
		$.get('login_fail.php'/*tpa=http://www.xunron.cn/cases/hmshop/admin/login_fail.php*/,data,function(txt){
			if(txt=='pass'){
				loginOr.innerHTML="<a href='javascript:;' style='color:#c40002'>"+getCookie('userName')+"</a>";
			}
		});
	}
	
</script>
		</header>
		<section>
			<div id="banner">
				<!--左侧导航/banner-->
				<div class="menu">
					<ul class="menu_list">
						<li>
							<span>
								<i class="icon_phone"></i>
								<a href="javascript:;">手机通讯</a>/<a href="javascript:;">手机配件</a>
							</span>
							<div class="menu_content">
							</div>
						</li>
						<li>
							<span>
								<i class="icon_pad"></i>
								<a href="javascript:;">笔记本</a>/<a href="javascript:;">平板</a>/<a href="javascript:;">品牌整机</a>
							</span>
							<div class="menu_content">
							</div>
						</li>
						<li>
							<span>
								<i class="icon_camera"></i>
								<a href="javascript:;">摄影摄像</a>/<a href="javascript:;">相机配件</a>
							</span>
							<div class="menu_content">
							</div>
						</li>
						<li>
							<span>
								<i class="icon_game"></i>
								<a href="javascript:;">游戏电玩</a>/<a href="javascript:;">游戏本</a>
							</span>
							<div class="menu_content">
							</div>
						</li>
						<li>
							<span>
								<i class="icon_screen"></i>
								<a href="javascript:;">DIY硬件</a>/<a href="javascript:;">外设配件</a>
							</span>
							<div class="menu_content">
							</div>
						</li>
						<li>
							<span>
								<i class="icon_watch"></i>
								<a href="javascript:;">智能生活</a>/<a href="javascript:;">数码配件</a>
							</span>
							<div class="menu_content">
							</div>
						</li>
						<li>
							<span>
								<i class="icon_print"></i>
								<a href="javascript:;">家庭影音</a>/<a href="javascript:;">办公设备</a>
							</span>
							<div class="menu_content">
							</div>
						</li>
						<li>
							<span class="last">
								<i class="icon_tv"></i>
								<a href="javascript:;">生活家电</a>/<a href="javascript:;">个护</a>
							</span>
							<div class="menu_content">
							</div>
						</li>
					</ul>
					<div class="menu_time">
						<img src="menu_time-1.gif" tppabs="http://www.xunron.cn/cases/hmshop/images/menu_time.gif" width="200px" />
					</div>
				</div>
				<div class="banner">
					<div class="slider_wrap">
						<ul class="slider">
							<li><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="banner_01-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/banner_01.jpg" /></a></li>
							<li><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="banner_02-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/banner_02.jpg" /></a></li>
							<li><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="banner_03-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/banner_03.jpg" /></a></li>
							<li><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="banner_04-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/banner_04.jpg" /></a></li>
						</ul>
						<ul class="num_list"></ul>
						<div class="slider_side slider_prev">
							<span class="btn_prev"></span>
						</div>
						<div class="slider_side slider_next">
							<span class="btn_next"></span>
						</div>
					</div>
					<div class="announce">
						<a href="javascript:;"><img src="baozhang-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/baozhang.jpg" /></a>
						<div class="notice">
							<h3>商城公告</h3>
							<ul>
								<li>
									<a href="javascript:;"><span>[五一]</span>Iphone 6s阶梯团低至4680元!</a>
								</li>
								<li>
									<a href="javascript:;"><span>[五一]</span>Iphone 6s阶梯团低至4680元!</a>
								</li>
								<li>
									<a href="javascript:;"><span>[五一]</span>Iphone 6s阶梯团低至4680元!</a>
								</li>
								<li>
									<a href="javascript:;"><span>[五一]</span>Iphone 6s阶梯团低至4680元!</a>
								</li>
								<li>
									<a href="javascript:;"><span>[五一]</span>Iphone 6s阶梯团低至4680元!</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<!--主体内容-->
			<div id="main">
				<!--精品团购-->
				<div class="floor">
					<div class="floor_head">
						<h2 class="title">精品团购</h2>
						<span class="more"><a href="javascript:;">更多团购 &gt;</a></span>
					</div>
					<div class="floor_jinpin">
						<ul>
							<li>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="jinpin_01-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/jinpin_01.jpg" /></a>
							</li>
							<li>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="jinpin_02-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/jinpin_02.jpg" /></a>
							</li>
							<li>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="jinpin_03-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/jinpin_03.jpg" /></a>
							</li>
							<li>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="jinpin_04-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/jinpin_04.jpg" /></a>
							</li>
						</ul>
					</div>
				</div>
				<!--特色购-->
				<div class="floor">
					<div class="floor_head">
						<h2 class="title">特色购</h2>
					</div>
					<div class="floor_tese">
						<a href="javascript:;"><img src="tese-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/tese.jpg" /></a>
						<ul>
							<li>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">
									<img src="tese_01-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/tese_01.jpg" />
									<p>锤子 坚果手机 双4G 漂亮得不像实力派</p>
									<span>￥795.00</span>
									<div class="over">
										<h3>锤子 坚果手机</h3>
										<p>Qualcomm 骁龙615八核64位处理器！1300 万主摄像头，500 万前置摄像头！Smartisan OS 2.0，流畅易用得不像安卓系统！</p>
										<span>进入详情 &gt;</span>
									</div>
								</a>
							</li>
							<li>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">
									<img src="tese_02-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/tese_02.jpg" />
									<p>酷派 全魔王手机 全网通4G手机 指纹解锁</p>
									<span>￥609.00</span>
									<div class="over">
										<h3>酷派 全魔王手机</h3>
										<p>金属机身，触控按键，重力感应器，光线传感器，距离传感器，指纹识别2.0，3.5mm耳机接口，Micro USB v2.0数据接口，智能美颜，动态追踪对焦，自动场景识别，自动测光补偿，专业拍照模式。</p>
										<span>进入详情 &gt;</span>
									</div>
								</a>
							</li>
							<li>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">
									<img src="tese_03-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/tese_03.jpg" />
									<p>三星 Galaxy On5（G5500）移动联通双4G卡智能手机</p>
									<span>￥627.00</span>
									<div class="over">
										<h3>三星 Galaxy On5</h3>
										<p>三星Galaxy On5的正面采用的TFT材质屏幕，5.0英寸大显示屏，提供宽阔的视觉体验，机身后盖采用金色真皮质感材质，凸显您的高档品味，让美观与实用同在。</p>
										<span>进入详情 &gt;</span>
									</div>
								</a>
							</li>
							<li>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">
									<img src="tese_04-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/tese_04.jpg" />
									<p>魅族 魅蓝Note 2（电信4G）64位8核cpu 1080p全贴合高清屏</p>
									<span>￥678.00</span>
									<div class="over">
										<h3>魅族 魅蓝Note 2</h3>
										<p>魅蓝note 2采用了全新的配色，整机相比之前外形上改变不大，背部弧度为了手感考虑而变得更加圆润，且加入了全新的实体“腰圆”HOME键并且为其加入了全新的mBack操作</p>
										<span>进入详情 &gt;</span>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="floor_ad">
					<a href="javascript:;"><img src="floor_ad1-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/floor_ad1.jpg"  /></a>
				</div>
				<!--1F-->
				<div class="floor" id='1f'>
					<div class="floor_head">
						<h2 class="title">1F手机通讯</h2>
						<span class="more">
							<a href="javascript:;">魅蓝note2</a>
							<b></b>
							<a href="javascript:;">华为荣耀6 plus</a>
							<b></b>
							<a href="javascript:;">努比亚 Z9</a>
							<b></b>
							<a href="javascript:;">魅蓝note</a>
						</span>
					</div>
					<div class="floor_content">
						<a href="javascript:;"><img src="1f_01-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_01.jpg" /></a>
						<ul>
							<li class="floor_slider_wrap">
								<div class="floor_slider">
									<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_slider1-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_slider1.jpg" /></a>
									<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_slider2-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_slider2.jpg" /></a>
									<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_slider3-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_slider3.png" /></a>
								</div>
								<ul class="disc_list"></ul>
								<div class="slider_side slider_prev">
									<span class="btn_prev"></span>
								</div>
								<div class="slider_side slider_next">
									<span class="btn_next"></span>
								</div>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">乐视手机1S (双4G)</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">
									<img src="1f_03-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_03.jpg" />
								</a>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">vivo X6 D 现货促销中</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_04-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_04.png" /></a>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">华为 荣耀畅玩5X 指纹识</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_05-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_05.png" /></a>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">GALAXY Note 5 三网通</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_06-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_06.png" /></a>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">魅蓝metal 时尚金属机身</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_07-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_07.png" /></a>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">华为 Mate8 强性能</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_08-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_08.png" /></a>
							</li>
						</ul>
					</div>
					<ul class="floor_foot">
						<li><a href="javscript:;"><img src="supp_01-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_01.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_02-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_02.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_03-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_03.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_04-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_04.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_05-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_05.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_06-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_06.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_07-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_07.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_08-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_08.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_09-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_09.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_10-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_10.jpg" /></a></li>
					</ul>
				</div>
				<div class="floor_ad">
					<a href="javascript:;"><img src="floor_ad2-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/floor_ad2.jpg"  /></a>
				</div>
				<!--2F-->
				
				<div class="floor" id='2f'>
					<div class="floor_head">
						<h2 class="title">2F电脑/数码配件</h2>
						<span class="more">
							<a href="javascript:;">魅蓝note2</a>
							<b></b>
							<a href="javascript:;">华为荣耀6 plus</a>
							<b></b>
							<a href="javascript:;">努比亚 Z9</a>
							<b></b>
							<a href="javascript:;">魅蓝note</a>
						</span>
					</div>
					<div class="floor_content">
						<a href="javascript:;"><img src="1f_01-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_01.jpg" /></a>
						<ul>
							<li class="floor_slider_wrap">
								<div class="floor_slider">
									<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_slider1-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_slider1.jpg" /></a>
									<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_slider2-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_slider2.jpg" /></a>
									<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_slider3-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_slider3.png" /></a>
								</div>
								<ul class="disc_list"></ul>
								<div class="slider_side slider_prev">
									<span class="btn_prev"></span>
								</div>
								<div class="slider_side slider_next">
									<span class="btn_next"></span>
								</div>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">乐视手机1S (双4G)</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">
									<img src="1f_03-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_03.jpg" />
								</a>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">vivo X6 D 现货促销中</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_04-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_04.png" /></a>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">华为 荣耀畅玩5X 指纹识</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_05-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_05.png" /></a>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">GALAXY Note 5 三网通</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_06-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_06.png" /></a>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">魅蓝metal 时尚金属机身</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_07-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_07.png" /></a>
							</li>
							<li>
								<div class="info">
									<h3><a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php">华为 Mate8 强性能</a></h3>
									<p>顺丰现货 赠品多多</p>
								</div>
								<a href="detail.php.htm" tppabs="http://www.xunron.cn/cases/hmshop/detail.php"><img src="1f_08-1.png" tppabs="http://www.xunron.cn/cases/hmshop/images/1f_08.png" /></a>
							</li>
						</ul>
					</div>
					<ul class="floor_foot">
						<li><a href="javscript:;"><img src="supp_01-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_01.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_02-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_02.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_03-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_03.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_04-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_04.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_05-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_05.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_06-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_06.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_07-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_07.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_08-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_08.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_09-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_09.jpg" /></a></li>
						<li><a href="javscript:;"><img src="supp_10-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/supp_10.jpg" /></a></li>
					</ul>
				</div>
				<div class="floor_ad">
					<a href="javascript:;"><img src="floor_ad3-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/floor_ad3.jpg"  /></a>
				</div>
			</div>
		</section>
		<footer>
			
<!--页面底部-->
			<div class="foot">
				<div class="services_items">
					<span>
						<a href="javascript:;"><img src="services_01-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/services_01.jpg"  /></a>
						<a href="javascript:;">行货保证</a>
					</span>
					<span>
						<a href="javascript:;"><img src="services_02-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/services_02.jpg"  /></a>
						<a href="javascript:;">发票保障</a>
					</span>
					<span>
						<a href="javascript:;"><img src="services_03-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/services_03.jpg"  /></a>
						<a href="javascript:;">顺丰包邮</a>
					</span>
					<span>
						<a href="javascript:;"><img src="services_04-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/services_04.jpg"  /></a>
						<a href="javascript:;">无忧退换</a>
					</span>
					<span>
						<a href="javascript:;"><img src="services_05-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/services_05.jpg"  /></a>
						<a href="javascript:;">先行赔付</a>
					</span>
				</div>
				<div class="services_link">
					<ul>
						<li>购物指南</li>
						<li><a href="javascritp:;">账号注册</a></li>
						<li><a href="javascritp:;">购物流程</a></li>
						<li><a href="javascritp:;">付款方式</a></li>
					</ul>
					<ul>
						<li>售后服务</li>
						<li><a href="javascritp:;">账号注册</a></li>
						<li><a href="javascritp:;">购物流程</a></li>
						<li><a href="javascritp:;">付款方式</a></li>
					</ul>
					<ul>
						<li>商城保障</li>
						<li><a href="javascritp:;">账号注册</a></li>
						<li><a href="javascritp:;">购物流程</a></li>
						<li><a href="javascritp:;">付款方式</a></li>
					</ul>
					<ul>
						<li>商家服务</li>
						<li><a href="javascritp:;">账号注册</a></li>
						<li><a href="javascritp:;">购物流程</a></li>
						<li><a href="javascritp:;">付款方式</a></li>
					</ul>
					<div class="contact">
						<p><b>400-678-0068</b></p>
						<p>工作日 9:00 - 18:00</p>
						<p><a href="javascript:;"><i></i>关注新浪微博</a></p>
					</div>
					<div class="supp">
						<p><b>商家合作</b></p>
						<p>错过天猫？别再错过我们！</p>
						<p>HM商城开启全新旅程！</p>
						<p><input type="button" value="关于入驻 &gt;" /></p>
					</div>
				</div>
			</div>
			<div class="copyscript">
				<div class="copyscript_content">
					<div class="friend_link">
						<span>合作伙伴：</span>
						<ul>
							<li><a href="javascript:;">电子商务平台</a></li>
							<li><a href="javascript:;">中国电子银行</a></li>
							<li><a href="javascript:;">华为商城</a></li>
							<li><a href="javascript:;">三帝贸易网</a></li>
							<li><a href="javascript:;">eNet商城</a></li>
							<li><a href="javascript:;">易趣</a></li>
							<li><a href="javascript:;">家具网</a></li>
							<li><a href="javascript:;">手表品牌大全</a></li>
							<li><a href="javascript:;">伊秀女性网</a></li>
							<li><a href="javascript:;">华强电子网</a></li>
							<li><a href="javascript:;">电子产品世界</a></li>
							<li><a href="javascript:;">广告网</a></li>
							<li><a href="javascript:;">易购网</a></li>
							<li><a href="javascript:;">伊秀女性网</a></li>
							<li><a href="javascript:;">华强电子网</a></li>
							<li><a href="javascript:;">电子产品世界</a></li>
							<li><a href="javascript:;">广告网</a></li>
							<li><a href="javascript:;">易购网</a></li>
						</ul>
					</div>
					<p class="web_list">
						<a href="javascript:;">HM商城</a> |
						<a href="javascript:;">Z团</a> |
						<a href="javascript:;">限时抢购</a> |
						<a href="javascript:;">经销商</a> |
						<a href="javascript:;">产品报价</a> |
						<a href="javascript:;">论坛</a> |
						<a href="javascript:;">问答</a>
					</p>
					<p class="web_help">
						<a href="javascript:;">关于HM商城</a> |
						<a href="javascript:;">帮助中心</a> |
						<a href="javascript:;">联系我们</a> |
						<a href="javascript:;">发展历程</a> |
						<a href="javascript:;">媒体报道</a>
						<span>©2016 HM商城 版权所有. 京ICP备09041801号-182 京ICP证010391号</span>
					</p>
					<div class="copyscript_img">
						<img src="beian-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/beian.jpg" />
						<img src="chengxin-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/chengxin.jpg" />
						<img src="jingcha-1.jpg" tppabs="http://www.xunron.cn/cases/hmshop/images/jingcha.jpg" />
					</div>
				</div>
			</div>
			<div class="fix">
				<ul class="fix_icon">
					<li>
						<a href="javascript:;" class="icon_suggest"></a>
						<p>我的订单</p>
					</li>
					<li>
						<a href="javascript:;" class="icon_record"></a>
						<p>我的足迹</p>
					</li>
					<li>
						<a href="javascript:;" class="icon_trad"></a>
						<p>购物车</p>
						<span class="fix_bubble">0</span>
						
					</li>
				</ul>
				<a href="javascript:;" class="icon_reply">建议<br/>反馈</a>
				<a href="javascript:;" class="icon_backtop"></a>
			</div>
<script>
	//右侧浮动栏
	$('.fix_icon a').mouseover(function(){
		$(this).next('p').css('left','-70px');
	});
	$('.fix_icon a').mouseout(function(){
		$(this).next('p').css('left','0');
	});

	//返回顶部
	$(".icon_backtop").click(function(){
		$("html, body").animate({
			scrollTop: '0px'
		}, 500);
	});
</script>		</footer>
		<div id="scroll">
			<div class="fix_top">
				<div class="fix_top_content">
					<div class="logo_s"></div>
					<div class="search">
						<form method="post" action="">
							<input type="text" value="" placeholder="输入关键词" name="keywords" />
							<input type="submit" value="搜 索" />
						</form>
					</div>
				</div>
			</div>
			<a href="javascript:;" class="research_link"></a>
			<ul class="floor_index">
				<li class="hover">
					<div >1F</div>
					<div class="rote">手机</div>
				</li>
				<li>
					<div>2F</div>
					<div class="rote">数码</div>
				</li>
			</ul>
		</div>
		
		<script>
			$(function(){
				//滚动图片
				$('.floor_slider_wrap').sliders({
					time:5000,//轮播时间
					style:'disc_list', //不带数字
				});
				$('.slider_wrap').sliders({
					time:5000,//轮播时间
					style:'num_list',//带数字
				});
				
				//顶部搜索滚动浮动
				$(window).bind("scroll",function(){
					var top=parseInt($(document).scrollTop());
					//$(".fix_top").css("display",top>600?"block":"none");
					if(top>600){
						$(".fix_top").fadeIn('fast');
					}else{
						$(".fix_top").fadeOut('fast');
					}
				});
				
				//顶部导航及左侧导航菜单
				$('.menu_list li').mouseover(function(){
					$(this).children('div').css('display','block');
				});
				$('.menu_list li').mouseout(function(){
					$(this).children('div').css('display','none');
				});
				
				//楼层导航
				var floor=$('[class="floor"][id$="f"]');
				var height=$(floor[0]).height();
				var setheight=(innerHeight-height)/2;
				var minHeight=$(floor[0]).offset().top-setheight-height;
				var maxHeight=$(floor[floor.length-1]).offset().top+height-setheight;

				$('.floor_index li').click(function(){
					change($(this));
					$('html,body').animate({
						scrollTop:$(floor[$(this).index()]).offset().top-setheight+'px'
					},200);
				});
				function change(elem){
					$(elem).addClass('hover').siblings().removeClass('hover');
				}
				$(window).bind('scroll',function(){
					var scrolltop=$(document).scrollTop();
					if(scrolltop>=minHeight&&scrolltop<=maxHeight){
						$('.floor_index').css('display','block');
						for(var i=0;i<floor.length;i++){
							if(scrolltop>$(floor[i]).offset().top-setheight-height){
								change($('.floor_index li')[i]);
							}
						}
					}else{
						$('.floor_index').css('display','none');
					}
					
				});
				
			});
		</script>
	</body>
</html>
